<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>豌豆荚</title>
<link rel="shortcut icon" href="../images/loginicon.gif" type="image/x-icon" />
<link type="text/css" rel="stylesheet" href="../css/main.css" />
<link type="text/css" rel="stylesheet" href="../css/base.css" />
<!–[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
<script type="text/javascript">
	
var i =0;
function runTime(){		
	var tim = document.getElementById("year");
	tim.style.left = i +"px";
	i = i -1;
	if(i==-100){
		i=100;
	}
	scrollHotPicture();
	var d = new Date();
	document.getElementById("year").innerHTML = (d.getMonth()+1)+"月"+d.getDate()+"日"+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
}
var scroll = window.setInterval(runTime, 20);
function choice(){
	var option = {
			'name':{
				'param':{'id':"type"}
			}
		};
	var param = {
			'data':[{'name':"博客"},{'name':"帖子"},{'name':"照片"}],
			'target':"nselect",
		};
	page.combo("nselectUl",param,option);
}

var l = 0;
function scrollHotPicture(){
	var pgmain = document.getElementById("pgmain");
	pgmain.style.left = --l + "px";

	if(l<-200){
		var first = pgmain.children[0];
		pgmain.appendChild(first);
		l = l + first.offsetWidth;
		pgmain.style.left = --l + "px";
	}
}
function over(){
	clearInterval(scroll);
}
function out(){
	scroll = window.setInterval(runTime, 20);
}
document.onkeydown = function(event){
    var event = event||window.event;
    if(event.keyCode==13) {               
    	login();
    }
}
</script>
</head>

<body>
	<iframe id="tnav" class="tnav" src = "../pages/user/user_header.html"></iframe>
	<header class="header" id='header'>
    	<header class="logo">
        	<img src="../images/logoicon.gif" />
            <h2>Pea tips</h2>
        </header>
        <nav class="hnav" id = "hnav">
        	<section class="userInfo">
        		
        	</section>
        	<!-- <ul class="hul">
            	<li>shouye<h2><a href="#">首页</a></h2></li>
                <li>boke<h2><a href="#">博客</a></h2></li>
                <li>zhaopian<h2><a href="#">照片</a></h2></li>
                <li>mimihuayuan<h2><a href="#">秘密花园</a></h2></li>
                <li>piaoliuwu<h2><a href="#">漂流屋</a></h2></li>
                <li>ziliaoku<h2><a href="#">资料库</a></h2></li>
                <li>yijian<h2><a href="#">意见</a></h2></li>
            </ul>
             -->
        </nav>
        <div class="clear"></div>
        <section class="login" id="login">
        	<header class="lheader">
            	<img src="../images/loginicon.gif"/>
            	<h3>Pea Member login</h3>
            </header>
            <section class="lform">
                <form id="login"">
                    <input id="userName" name="userName" type="text" title="用户名" value="输入用户名" onfocus="focuson(this)" onblur="focusout(this,'输入用户名')"/>
                    <input id="userPassword" name="userPassword" type="password" title="密码"/>
	            </form>
	                <a href="#" onclick="login();"><img alt="loading..." src="../images/login.gif" title="登录"/></a>
	            <div class="clear"></div>
                <section class="lsection">
                	<a href="#">记住密码</a><input type="checkbox" />
                    <a href="#">忘记密码</a>
                    <a style="float:right;margin-right:20px;color:#C0F;font-size:14px;font-style:oblique;font-weight:bolder;" href="/networkforum/pages/register.html">注册</a>
                </section>
            </section>
        </section>
    </header>
    <div class="clear"></div>
	<nav class="nav">
    	<img src="../images/navlogo.gif" alt="loading..."/>
        <section class="nsection">
        	<!--<nav style="margin-left:20px;">
            	<h4 style="float:left;color:#fff;">查询类别：</h4>
            	<ul class="nul">
                	<li><a href="#">博客</a></li>
                    <li><a href="#">动态</a></li>
                    <li><a href="#">照片</a></li>
                </ul>
            </nav>
            <div class="clear"></div>
            <hr />
            <section style="margin:25px 0px 10px 20px;height:30px;">
            </section>
				<select class="nselect">
                	<option>....</option>
                	<option>博客</option>
                    <option>帖子</option>
                    <option>花园</option>
                </select>
            -->
            <input id="nselect" class="nselect" type="text" value="选择..." onclick="choice();"/>
            <ul id="nselectUl" style="display: none;">
            	<li><span id="type"></span></li>
            </ul>
            	<form class="nsearch">
                	<input type="text"/>
                    <a href="#"><img src="../images/navsearch.gif"/></a>
                </form>
                <div class="nshow">
                	<h4>今天第：</h4>
                    <label>0</label>
                    <h4>访问该社区</h4>
                    <h4 style="margin-left:50px;margin-right:5px;">总共:</h4>
                    <label style="background:none;border:none;color:#fff;">0</label>
                </div>
        </section>
    </nav>
	<section class="main">
    	<section class="mleft">
        	<section class="public">
            	<img src="../images/publicbackleft.jpg" />
            	<h3>Pea tips公告栏</h3>
                <img src="../images/publicbackright.jpg" />
                <label>
                	
                    网站正在建设中。。。
                    敬请期待！
                    
                </label>
            </section>
            <section class="date">
            	<!--<input class="Wdate" type="text" onClick="WdatePicker()">-->
            	<label style="color:#930;float:left;padding:0px 5px 0px 10px;">北京时间:</label>
                <div id="date">
	                <label id="year" style=";position:relative;width:100%;display:inline-block;"></label>
				</div>
            </section>
        	<section>
            	<img src="../images/left1.jpg" />
            </section>
        </section>
        
        <section class="mcenter">
 	        <section id="mcleft" class="mcleft">
           		<!--<section class="mclheader">
                	<h4>类别</h4>
                    <img src="../images/mchback3.jpg" />
                    <h4><a href="#">另类</a></h4>
                    <img src="../images/mchback2.jpg" />
                    <h4><a href="#">最火</a></h4>
                    <img src="../images/mchback2.jpg" />
                	<h4><a href="#">最新</a></h4>
                    <img src="../images/mchback1.jpg" />
                </section>
                -->
                <header class="mclHeader">
                	<span>通知</span>
                </header>
                <ul	id="mclaInner" class="mcleftInner">
					<li id="innerHeader">
						<span id="title">标题</span>
						<span id="publishTime">发表日期</span>
					</li>
					<li>暂无通知</li>
				</ul>
                <header class="mclHeader">
                	<span>动态</span>
                	<span>最热</span>
                	<span>最新</span>
                </header>
                <ul	id="activeInner" class="mcleftInner">
	                <li>
						<span id="title"></span>
						<span id="publishTime"></span>
						<span id="replyTimes"></span>
					</li>
					<li id="innerHeader">
						<span id="title">用户</span>
						<span id="publishTime">发表日期</span>
						<span id="replyTimes">评论次数</span>
					</li>
					
				</ul>
                <header class="mclHeader">
                	<span>博客</span>
                	<span>最热</span>
                	<span>最新</span>
                </header>
                <ul	id="articleInner" class="mcleftInner">
	                <li>
						<span id="title"></span>
						<span id="publishTime"></span>
						<span id="replyTimes"></span>
					</li>
					<li id="innerHeader">
						<span id="title">标题</span>
						<span id="publishTime">发表日期</span>
						<span id="replyTimes">评论次数</span>
					</li>
				</ul>
            </section>
            <section id="mcright" class="mcright">
                <section class="dongtai mcrItem">
                	<header>热门用户</header>
                	<ul id="hotUserInner">
                		<li>
    	            		<img id="userPhoto" src="../images/left1.jpg"/>
	                		<label id="userName"></label>
                		</li>
	            	</ul>
                </section>
                <section class="boke mcrItem">
                	<header>热门博客</header>
					<ul id="hotArticleInner">
						<li>
							<span id="hauserName"></span>
							<span id="hacontent"></span>
						</li>
	            	</ul>
                </section>
            	<section class="fish mcrItem">
                	<header>新加入的用户</header>
					<ul id="fishInner" class="fishInner">
						<li>
							<img id="userPhoto" src="../images/left1.jpg"/>
							<span id="userNameli"></span>
							<span id="userSex"></span>
						</li>
						<li>
							<span id="userPhoto">头像</span>
							<span id="userNameli">用户名</span>
							<span id="userSex">性别</span>
						</li>
					</ul>
                </section>
            </section>
            <div class="clear"></div>
            <section class="mcbottom">
 	            <h4>社区热门图片</h4>
                <div class="clear"></div>
            	<section class="pictuers">
                	<ul id="pgmain">
                		<li>
                			<img id="hpinner" src=""/>
                		</li>
                	</ul>
                </section>
            </section>
        </section>        
    </section>
    <iframe class="footer" src="../pages/footer.html"></iframe>
</body>
<script src="../js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="../js/base.js" type="text/javascript"></script>
<script src="../js/myajax.js" type="text/javascript"></script>
<script src="../js/view.js" type="text/javascript"></script>
<script src="../js/forum_main.js" type="text/javascript"></script>
<script src="../js/view.js" type="text/javascript"></script>
<script src="../js/combo.js" type="text/javascript"></script>
<script src="../js/login.js" type="text/javascript"></script>
<script src="../js/checkBrowser.js" type="text/javascript"></script>
</html>
